* {
	font-family: 微软雅黑, Verdana, sans-serif, 宋体;
}

@font-face {
	font-family: 'Icons';
	src: url(/css/fonts/icons.eot);
	src: url(/css/fonts/icons.eot) format('embedded-opentype'),
		url(/css/fonts/icons.woff) format('woff'), url(/css/fonts/icons.ttf)
		format('truetype');
	font-style: normal;
	font-weight: 100;
	font-variant: normal;
	text-decoration: inherit;
	text-transform: none;
}
body{padding:20px;}
.sticky_title_style{display:inline-block;width:40px;height:40px;}
.t_1{height:40px;background: url(/img/note1.png) no-repeat;}
.t_2{height:40px;background: url(/img/note2.png) no-repeat;}
.t_3{height:40px;background: url(/img/note3.png) no-repeat;}
.t_4{height:40px;background: url(/img/note4.png) no-repeat;}
.t_5{height:40px;background: url(/img/note5.png) no-repeat;}
.note .content{background:transparent;}
label.label_background_color{margin-top:10px;}
ul.background_color_list,ul.title_style_list{display:block;height:80px;}
ul.background_color_list li,ul.title_style_list li{text-align:center;width:70px;list-style:none;}
ul.background_color_list li.self{width:300px;}
.background_color_list .color{display:inline-block;width:50px;height:50px;}
.color span{display:block;width:100%;height:10px;margin-top:0px;}
.color_1 {background-color: #fca9a9;}
.color_1 .title{background-color:#f09d9d;}
.color_2 {background-color: #f7f4aa;}
.color_2 .title{background-color:#f0ed9e;}
.color_3 {background-color: #c0a9fc;}
.color_3 .title{background-color:#b7a2ef;}
.color_4 {background-color: #aadff7;}
.color_4 .title{background-color:#96cee8;}
.color_5 {background-color: #bcf7aa;}
.color_5 .title{background-color:#b6efa5;}
.t{background-repeat: no-repeat;display: inline-block;width: 44px;height: 44px;position: relative;top: -10px;}
.style-1 .t{background:url(/img/note1.png);}
.style-2 .t{background:url(/img/note2.png);}
.style-3 .t{background:url(/img/note3.png);}
.style-4 .t{background:url(/img/note4.png);}
.style-5 .t{background:url(/img/note5.png);}
#tips{display:none;width:100px;height:30px;color:red;margin-left:20px;}

.note_example {position: absolute;width: 150px;min-height: 150px;padding: 0px 0px 10px 0px;cursor: normal;box-shadow: -2px -2px 5px #cacaca;}
.note_example.red {background: #fca9a9;}
.note_example.yellow {background: #f7f4aa;}
.note_example.purple {background: #c0a9fc;}
.note_example.blue {background: #aadff7;}
.note_example.green {background: #bcf7aa;}
.note_example .ntitle {margin-bottom: 10px;height: 25px;}
.note_example.red .ntitle{background: #f09d9d;}
.note_example.yellow .ntitle{background: #dedb89;}
.note_example.purple .ntitle{background: #b7a2ef;}
.note_example.blue .ntitle {background: #96cee8;}
.note_example.green .ntitle {background: #8ee3ac;}
.note_example .nadd {float: left;width: 20px;height: 20px;}
.note_example .nadd:before {font-family: 'Icons';content: "\f067";position: relative;top: 3px;left: 5px;}
.note_example .nclose {float: right;width: 20px;height: 20px;}
.note_example .nclose:before {font-family: 'Icons';content: "\f00d";position: relative;top: 3px;right: 5px;}
.note_example .nadd,.note_example .nclose,.note_example .pickcolor {font-size: 15px;color: #666;visibility: hidden;cursor: pointer;}
.note_example .pan {overflow: hidden;width: 100%;height: 100%;position: relative;top: -15px;padding: 5px;;}
.note_example .ncontent {overflow-y: auto;margin-right: -20px;height: 90%;word-wrap: break-word;word-break: break-all;outline: none;border: none;padding-right: 25px;}
.note_example .pickcolor {background-image: url(/img/huanfu.png);background-repeat: no-repeat;width: 26px;height: 24px;position: absolute;left: 20px;top: 2px;}
.note_example .pickcolor+.colors {display: none;height: 24px;position: absolute;left: 0px;top: -25px;z-index: 9999;}
.note_example .colors span {display: inline-block;float: left;margin: 2px;width: 25px;height: 20px;}
.note_example .colors .red {background: #fca9a9;}
.note_example .colors .yellow {background: #f7f4aa;}
.note_example .colors .purple {background: #c0a9fc;}
.note_example .colors .blue {background: #aadff7;}
.note_example .colors .green {background: #bcf7aa;}